<!DOCTYPE html>
<html ng-app="notesApp">
<head>
    <meta charset="UTF-8">
    <title>AngularJS</title>
    <link rel="stylesheet" href="stylesheets/index.css">
</head>
<!-- AngularJS controller -->
<body ng-controller="MainCtrl as ctrl">
    <div ng-repeat="note in ctrl.notes">
        <div>First Element: {{ $first }}</div>
        <div>Middle Element: {{ $middle }}</div>
        <div>Last Element: {{ $last }}</div>
        <div>Index of Element: {{ $index }}</div>
        <div>At Even Position: {{ $even }}</div>
        <div>At Odd Position: {{ $odd }}</div>
        <span class="label">{{ note.label }}</span> 
        <span class="status" ng-bind="note.done"></span>
    </div>
    <script src="javascripts/angular.min.js"></script>
    <script src="javascripts/index.js"></script>
</body>
</html>